<template>
  <el-dropdown trigger="click" v-bind="$attrs" v-on="$listeners">
    <span class="el-dropdown-link">
      <el-tooltip effect="dark" content="字体" placement="top-start">
        <div class="el-tiptap-editor__command-button">
          <svg
            aria-hidden="true"
            width="14"
            height="16"
            viewBox="0 0 448 512"
            focusable="false"
            class="fa-icon"
          >
            <g>
              <path
                d="M432 416c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16h-128c-8.8 0-16-7.2-16-16v-32c0-8.8 7.2-16 16-16h19.6l-23.3-64h-152.6l-23.3 64h19.6c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16h-128c-8.8 0-16-7.2-16-16v-32c0-8.8 7.2-16 16-16h23.4l130.7-362.3c4.1-12 17.6-21.7 30.3-21.7h0 47.2 0c12.6 0 26.2 9.7 30.3 21.7l130.7 362.3h23.4zM176.8 272h94.3l-47.2-129.5z"
              ></path>
            </g>
          </svg>
        </div>
      </el-tooltip>
    </span>
    <el-dropdown-menu slot="dropdown" class="app_el_dropdown_menu">
      <el-dropdown-item
        v-for="(value, key) in fontTypes"
        :command="value"
        :key="key"
        >{{ key }}</el-dropdown-item
      >
    </el-dropdown-menu>
  </el-dropdown>
</template>
<script>
export default {
  props: ["fontTypes", "isActive"],
};
</script>